<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div id='xxx'>xxxxxxxxxxxxxx</div>
    <div class="style-scope">var() 函数</div>
    <div id="div1">菜鸟教程 - 学的不仅是技术，更是梦想！</div> <br>
    <div id="div2">菜鸟教程 - 学的不仅是技术，更是梦想！</div> <br>
    <div id="div3">菜鸟教程 - 学的不仅是技术，更是梦想！</div>

    <p>我是一个段落。</p>
    <p class="fancy">我好看极了！</p>
    <div>我「不是」一个段落。</div>
    <script>
        $('#xxx').hide()
        class Father {xxx
            constructor(w, h) {
                this.w = w
                this.h = h
            }
            static name = 'garvin'
            mut() {
                return this.h * this.w
            }
            get getName() {
                return this.mut()
            }
        }
        const fath = new Father(3, 4)
        const div = '<div>' + Father.name + '</div>'
        document.querySelector('#app').innerHTML = fath.getName

        let xx = prompt('xx')
        console.log(fath.getName, 'xx:', xx);
    </script>
</body>

</html>